<template>
     <div class="box">
                <img src="../../assets/img/demo.png" alt="">

                <div class="info">
                    <h4><a href="#">{{course.name}}</a></h4>
                    <span>{{course.price}}</span>
                </div>

                <div class="tinfo">
                    <div class="uimg">
                        <img src="../../assets/img/demo.png" alt="">
                    </div>
                    <div class="username">username</div>
                    <div class="coursetype">coursetype</div>
                </div>

                <hr>

                <div class="dinfo">
                    <div class="time">hour小时之前</div>
                    <div class="view">view</div>
                    <div class="praise">praise</div>
                </div>

            </div>
</template>
<script>
export default {
    data(){

    },
    props:["course"]
}
</script>
<style scoped>
    @import "../../assets/css/course.css";
</style>
